<template>
  <div style="height: 100%;">
    <div class="active-interception-header">
      普陀区街道社区主动干预展示
    </div>
    <div class="active-interception">
      <left></left>
      <center></center>
      <right></right>
    </div>

  </div>
</template>

<script>
  // import _ from "lodash";
  // import * as request from '@/utils/request/request'
  import left from '@/components/activeInterception/left/left.vue'
  import center from '@/components/activeInterception/center/center.vue'
  import right from '@/components/activeInterception/right/right.vue'
  export default {
    name: 'dataManage',
    components: {
      left,
      center,
      right,
      // commonDialog,
    },
    data () {
        return {

        }
    },
    methods: {

    },
    mounted () {
      //this.getWarnList()
    }
  }
</script>
<style lang="stylus">
  .active-interception-header{
    background-image: url("../assets/img/activeInterception/headBg.png");
    background-size: 100% 100%;
    height: 60px;
    text-align: center;
    font-size: 50px;
  }
  .active-interception{
    display: flex;
    margin-top: 20px;
    height:calc(100% - 80px);
    /deep/ .common-custom-head{
      font-size: 20px!important;
    }
    &-left, &-right{
      width: 30%;
    }
    &-center {
      width: 60%;
    }
  }
</style>
